<style>:host .chart{--d3fc-local-full--gradient:var(--d3fc-full--gradient,linear-gradient(#4d342f 0%,#e4521b 22.5%,#feeb65 42.5%,#f0f0f0 50%,#dcedc8 57.5%,#42b3d5 67.5%,#1a237e 100%));--d3fc-local-positive--gradient:var(--d3fc-positive--gradient,linear-gradient(#dcedc8 0%,#42b3d5 35%,#1a237e 100%));--d3fc-local-negative--gradient:var(--d3fc-negative--gradient,linear-gradient(#feeb65 100%,#e4521b 70%,#4d342f 0%));--d3fc-local-series:var(--d3fc-series,rgba(31,119,180,0.5));--d3fc-local-series-1:var(--d3fc-series-1,#0366d6);--d3fc-local-series-2:var(--d3fc-series-2,#ff7f0e);--d3fc-local-series-3:var(--d3fc-series-3,#2ca02c);--d3fc-local-series-4:var(--d3fc-series-4,#d62728);--d3fc-local-series-5:var(--d3fc-series-5,#9467bd);--d3fc-local-series-6:var(--d3fc-series-6,#8c564b);--d3fc-local-series-7:var(--d3fc-series-7,#e377c2);--d3fc-local-series-8:var(--d3fc-series-8,#7f7f7f);--d3fc-local-series-9:var(--d3fc-series-9,#bcbd22);--d3fc-local-series-10:var(--d3fc-series-10,#17becf);}:host .chart .series{fill:var(--d3fc-local-series);}:host .chart .series-1{fill:var(--d3fc-local-series-1);}:host .chart .series-2{fill:var(--d3fc-local-series-2);}:host .chart .series-3{fill:var(--d3fc-local-series-3);}:host .chart .series-4{fill:var(--d3fc-local-series-4);}:host .chart .series-5{fill:var(--d3fc-local-series-5);}:host .chart .series-6{fill:var(--d3fc-local-series-6);}:host .chart .series-7{fill:var(--d3fc-local-series-7);}:host .chart .series-8{fill:var(--d3fc-local-series-8);}:host .chart .series-9{fill:var(--d3fc-local-series-9);}:host .chart .series-10{fill:var(--d3fc-local-series-10);}:host{user-select:none;}:host .chart{position:absolute;box-sizing:border-box;left:0;top:0;%;%;padding:12px;overflow:hidden;}:host .chart.heatmap d3fc-group.cartesian-chart,:host .chart.treemap d3fc-group.cartesian-chart{grid-template-columns:minmax(0em,max-content)auto 1fr auto minmax(0em,max-content);grid-template-rows:minmax(0em,max-content)auto 1fr auto minmax(0em,max-content);}:host .chart .chart-label{display:none;}:host .chart.heatmap{padding-right:120px;}:host .chart.xyscatter{padding:0;font-size:14px;}:host .chart.xyscatter d3fc-group:first-child{padding:16px;padding-top:0px;width:calc(100% - 32px);height:calc(100% - 16px);}:host .chart.xyscatter .multi-xlabel{position:absolute;bottom:0;em;%;display:flex;justify-content:center;align-items:center;background:var(--d3fc-legend--background);}:host .chart.xyscatter .multi-ylabel{position:absolute;top:0;em;%;display:flex;justify-content:center;align-items:center;background:var(--d3fc-legend--background);}:host .chart.xyscatter .outer-container{%;}:host .chart.xyscatter .inner-container{display:inline-grid;overflow-y:auto;width:calc(100% - 16px);%;padding:0;margin:0;}:host .chart.xyscatter .inner-container div{overflow:hidden;}:host .chart.xyscatter .inner-container text.segment,:host .chart.xyscatter .inner-container text.parent{text-anchor:middle;user-select:none;pointer-events:none;fill:var(--d3fc-treedata--labels,rgb(51,51,51));}:host .chart.xyscatter .inner-container div.xy-scatter-container{margin:5px 0;}:host .chart.sunburst{padding:0;font-size:14px;}:host .chart.sunburst .outer-container{%;}:host .chart.sunburst .inner-container{%;%;display:inline-grid;padding:0;margin:0;overflow-x:hidden;overflow-y:auto;}:host .chart.sunburst .inner-container div{overflow:hidden;}:host .chart.sunburst .inner-container .sunburst-container:not(:only-child) svg{transform:translate(0,-27px);}:host .chart.sunburst .inner-container svg{%;%;}:host .chart.sunburst .inner-container path{fill:var(--d3fc-series,rgba(31,119,180,0.5));}:host .chart.sunburst .inner-container text.segment,:host .chart.sunburst .inner-container text.parent{text-anchor:middle;user-select:none;pointer-events:none;fill:var(--d3fc-treedata--labels,rgb(51,51,51));}:host .chart.sunburst .inner-container div.title-container{margin-top:5px;}:host .chart.has-legend{padding-right:120px;}:host .chart.treemap .treemap-container{position:relative;}:host .chart.treemap .treemap-container:not(:only-child){width:calc(100% - 12px);height:calc(100% - 12px);}:host .chart.treemap .outer-container{%;}:host .chart.treemap .inner-container{%;%;display:inline-grid;padding:0;margin:0;overflow-x:hidden;overflow-y:auto;}:host .chart.treemap .inner-container div{overflow:hidden;}:host .chart.treemap .inner-container svg{%;%;}:host .chart.treemap .inner-container .treerect{stroke:var(--d3fc-treedata-axis--lines,var(--d3fc-axis--lines,white));fill:var(--d3fc-series,rgba(31,119,180,0.5));}:host .chart.treemap .inner-container .treerect:hover{cursor:pointer;stroke:var(--d3fc-treedata--hover-highlight,black);stroke-opacity:1;}:host .chart.treemap .inner-container .rootnode{opacity:0;pointer-events:none;z-index:0;}:host .chart.treemap .inner-container .branchnode{opacity:0;}:host .chart.treemap .inner-container .branchnode:hover{fill-opacity:0.1;opacity:1;fill:var(--d3fc-treedata--hover-highlight,black);}:host .chart.treemap .inner-container .leafnode{fill-opacity:0.8;}:host .chart.treemap .inner-container .leafnode:hover{fill-opacity:0.5;}:host .chart.treemap .inner-container #hidden{opacity:0;pointer-events:none;z-index:0;}:host .chart.treemap .inner-container .top{font-size:14px;z-index:5;pointer-events:none;}:host .chart.treemap .inner-container .mid{font-size:8px;opacity:0.7;z-index:4;}:host .chart.treemap .inner-container .lower{font-size:0px;opacity:0;z-index:4;}:host .chart.treemap .inner-container text{fill:var(--d3fc-treedata--labels,rgb(51,51,51));}:host .chart.treemap .inner-container text.title{dominant-baseline:hanging;}:host .chart.treemap .inner-container .parent-controls{position:absolute;top:12px;right:auto;left:30px;width:auto;z-index:4;transition:box-shadow 1s;}:host .chart.treemap .inner-container .parent-controls:hover{box-shadow:2px 2px 6px#000;transition:box-shadow 0.2s;}:host .chart .x-label{em!important;line-height:1em!important;}:host .chart .x-label,:host .chart .y-label{color:var(--d3fc-label--color,inherit);font-size:14px;}:host .chart d3fc-canvas.plot-area{display:none;}:host .chart.xyscatter d3fc-canvas.plot-area,:host .chart.xyline d3fc-canvas.plot-area,:host .chart.ohlc d3fc-canvas.plot-area,:host .chart.candlestick d3fc-canvas.plot-area,:host .chart.heatmap d3fc-canvas.plot-area{display:block;}:host .chart .y-axis text,:host .chart .x-axis text{fill:var(--d3fc-axis-ticks--color,rgb(80,80,80));font-size:11px;}:host .chart .y-axis path,:host .chart .x-axis path{stroke:var(--d3fc-axis--lines,rgb(180,210,225));}:host .chart .splitter-label{display:inline-block;margin:0 10px;cursor:pointer;}:host .chart .splitter-label::after{margin-left:5px;color:var(--d3fc-axis--lines,rgb(180,210,225));}:host .chart .splitter-label:hover::after{color:var(--d3fc-axis-ticks--color,rgb(80,80,80));}:host .chart .splitter-label.disabled::after{color:rgba(80,80,80,0.3);}:host .chart .splitter-label.disabled{cursor:default;}:host .chart .y-label.left-label .splitter-label::after{background-repeat:no-repeat;background-color:var(--icon--color);content:"";display:inline-block;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-image:var(--sort-desc-icon--mask-image);mask-image:var(--sort-desc-icon--mask-image);}:host .chart .y-label.right-label .splitter-label::after{background-repeat:no-repeat;background-color:var(--icon--color);content:"";display:inline-block;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-image:var(--sort-asc-icon--mask-image);mask-image:var(--sort-asc-icon--mask-image);}:host .chart.ybar .y-axis path,:host .chart.yline .y-axis path,:host .chart.xyline .y-axis path,:host .chart.xyline .x-axis path,:host .chart.yarea .y-axis path,:host .chart.yscatter .y-axis path,:host .chart.xyscatter .y-axis path,:host .chart.xyscatter .x-axis path,:host .chart.xbar .x-axis path{visibility:hidden;}:host .chart .y-label{white-space:nowrap;}:host .chart .nearbyTip{fill:var(--d3fc-series,rgba(31,119,180,0.5));}:host #dragHandles{position:absolute;top:0px;right:0px;left:auto;pointer-events:none;}:host #dragHandles rect{pointer-events:all;}:host .label rect{fill:none;}:host .legend-container{position:absolute;top:12px;right:12px;left:auto;}:host .legend-container.legend-color{}:host .legend-container[borderbox-on-hover="true"]{transition:box-shadow 1s;}:host .legend-container[borderbox-on-hover="true"]:hover{background-color:var(--d3fc-legend--background,#ffffff);transition:box-shadow 0.2s,background-color 0.2s;}:host .legend-container .legend{font-size:8pt;%;}:host .legend-container .legend .cell{cursor:pointer;}:host .legend-container .legend .cell path{fill:var(--d3fc-series,rgba(31,119,180,0.5));stroke:var(--d3fc-series,rgb(31,119,180));}:host .legend-container .legend .cell.hidden path{fill:rgba(204,204,204,0.5);stroke:rgb(204,204,204);}:host .legend-container .legend .cell.hidden circle{fill:rgb(204,204,204)!important;}:host .legend-container text{fill:var(--d3fc-legend--text,rgb(51,51,51));}:host .legend-container .label:hover{fill:rgb(34,160,206);}:host .legend-container #legend-axis path{stroke:var(--d3fc-legend--text,rgb(51,51,51));}:host .legend-container .legend-controls{margin-left:12px;}:host .legend-container .legend-controls #up-arrow,:host .legend-container .legend-controls #down-arrow{cursor:pointer;color:rgb(31,119,180);}:host .legend-container .legend-controls #up-arrow.disabled,:host .legend-container .legend-controls #down-arrow.disabled{cursor:default;color:rgb(51,51,51);}:host .heatmap .legend-container.legend-color{}:host .treemap .legend-container.legend-color{}:host .treemap .legend-container:not(.legend-color){}:host .zoom-controls{position:absolute;top:10px;left:0;%;text-align:center;}:host .zoom-controls button{-webkit-appearance:none;background:var(--plugin--background,rgb(247,247,247));border:1px solid var(--inactive--color,rgb(204,204,204));color:var(--d3fc-label--color,inherit);font-size:12px;padding:8px;opacity:0.5;cursor:pointer;}:host .zoom-controls button:hover{opacity:1;}:host .parent-controls{position:absolute;top:30px;right:145px;%;text-align:right;}:host .parent-controls button{-webkit-appearance:none;background:rgb(247,247,247);border:1px solid rgb(204,204,204);padding:10px;opacity:0.5;cursor:pointer;}:host .parent-controls button:hover{background:rgb(230,230,230);}:host div.tooltip{position:absolute;text-align:left;font-size:12px;font-weight:300;white-space:nowrap;padding:0.5em;background:var(--d3fc-tooltip--background,#ffffff);color:var(--d3fc-tooltip--color,black);border:1px solid var(--d3fc-tooltip--border-color,#777777);box-shadow:var(--d3fc-tooltip--box-shadow,none);pointer-events:none;}:host div.tooltip ul{margin:0;padding:0;list-style-type:none;}d3fc-canvas,d3fc-svg{position:relative;display:block}d3fc-canvas>canvas,d3fc-svg>svg{position:absolute;%;%}d3fc-svg>svg{overflow:visible}d3fc-group.cartesian-chart{%;%;overflow:hidden;display:grid;display:-ms-grid;grid-template-columns:minmax(1em,max-content) auto 1fr auto minmax(1em,max-content);-ms-grid-columns:minmax(1em,max-content) auto 1fr auto minmax(1em,max-content);grid-template-rows:minmax(1em,max-content) auto 1fr auto minmax(1em,max-content);-ms-grid-rows:minmax(1em,max-content) auto 1fr auto minmax(1em,max-content);}
d3fc-group.cartesian-chart>.top-label{align-self:center;-ms-grid-column-align:center;justify-self:center;-ms-grid-row-align:center;grid-column:3;-ms-grid-column:3;grid-row:1;-ms-grid-row:1;}
d3fc-group.cartesian-chart>.top-axis{height:2em;grid-column:3;-ms-grid-column:3;grid-row:2;-ms-grid-row:2;}
d3fc-group.cartesian-chart>.left-label{align-self:center;-ms-grid-column-align:center;justify-self:center;-ms-grid-row-align:center;grid-column:1;-ms-grid-column:1;grid-row:3;-ms-grid-row:3;}
d3fc-group.cartesian-chart>.left-axis{width:3em;grid-column:2;-ms-grid-column:2;grid-row:3;-ms-grid-row:3;}
d3fc-group.cartesian-chart>.plot-area{overflow:hidden;grid-column:3;-ms-grid-column:3;grid-row:3;-ms-grid-row:3;}
d3fc-group.cartesian-chart>.right-axis{width:3em;grid-column:4;-ms-grid-column:4;grid-row:3;-ms-grid-row:3;}
d3fc-group.cartesian-chart>.right-label{align-self:center;-ms-grid-column-align:center;justify-self:center;-ms-grid-row-align:center;grid-column:5;-ms-grid-column:5;grid-row:3;-ms-grid-row:3;}
d3fc-group.cartesian-chart>.bottom-axis{height:2em;grid-column:3;-ms-grid-column:3;grid-row:4;-ms-grid-row:4;}
d3fc-group.cartesian-chart>.bottom-label{align-self:center;-ms-grid-column-align:center;justify-self:center;-ms-grid-row-align:center;grid-column:3;-ms-grid-column:3;grid-row:5;-ms-grid-row:5;}
d3fc-group.cartesian-chart>.y-label{display:flex;transform:rotate(-90deg);width:1em;white-space:nowrap;justify-content:center;}</style><div id="container" class="chart xyline"><d3fc-group class="cartesian-chart" auto-resize=""><div class="chart-label top-label" style="margin-bottom: 1em; margin-top: 0px;"></div><div class="x-label bottom-label">Sales</div><div class="y-label left-label">Profit</div><d3fc-svg class="svg-plot-area plot-area"><svg viewBox="0 0 911 583" preserveAspectRatio="none"><g class="multi"><g><line class="gridline-y" x1="0" x2="0" y1="583" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-y" x1="101.22222222222221" x2="101.22222222222221" y1="583" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-y" x1="202.44444444444443" x2="202.44444444444443" y1="583" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-y" x1="303.66666666666663" x2="303.66666666666663" y1="583" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-y" x1="404.88888888888886" x2="404.88888888888886" y1="583" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-y" x1="506.11111111111114" x2="506.11111111111114" y1="583" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-y" x1="607.3333333333333" x2="607.3333333333333" y1="583" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-y" x1="708.5555555555555" x2="708.5555555555555" y1="583" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-y" x1="809.7777777777777" x2="809.7777777777777" y1="583" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-y" x1="911" x2="911" y1="583" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-x" y1="583" y2="583" x1="0" x2="911" stroke="#bbb" style="stroke-width: 1; stroke: rgb(234, 237, 239);"></line><line class="gridline-x" y1="499.7142857142858" y2="499.7142857142858" x1="0" x2="911" stroke="#bbb" style="stroke-width: 1; stroke: rgb(234, 237, 239);"></line><line class="gridline-x" y1="416.42857142857144" y2="416.42857142857144" x1="0" x2="911" stroke="#bbb" style="stroke-width: 1; stroke: rgb(234, 237, 239);"></line><line class="gridline-x" y1="333.1428571428571" y2="333.1428571428571" x1="0" x2="911" stroke="#bbb" style="stroke-width: 1; stroke: rgb(234, 237, 239);"></line><line class="gridline-x" y1="249.8571428571429" y2="249.8571428571429" x1="0" x2="911" stroke="#bbb" style="stroke-width: 1; stroke: rgb(234, 237, 239);"></line><line class="gridline-x" y1="166.57142857142856" y2="166.57142857142856" x1="0" x2="911" stroke="#bbb" style="stroke-width: 1; stroke: rgb(234, 237, 239);"></line><line class="gridline-x" y1="83.28571428571432" y2="83.28571428571432" x1="0" x2="911" stroke="#bbb" style="stroke-width: 1; stroke: rgb(234, 237, 239);"></line><line class="gridline-x" y1="0" y2="0" x1="0" x2="911" stroke="#bbb" style="stroke-width: 1; stroke: rgb(234, 237, 239);"></line></g></g><g class="multi"><g><g class="multi"><g><path class="line" fill="none" stroke="#000" d="M181.91250171513795,210.92038613806324L169.821034019975,213.8629773932584L170.27686574074073,253.99087785714286L151.37607484531594,256.6298221759104L147.75964500000012,289.2013082285714L150.93912702020205,293.92396761904763L99.42326359649121,327.1333895789473L77.2622474074074,350.69882498095234L61.45686134259259,358.3754094642857L55.48496111111111,361.62264311904767L66.51095317460316,361.66233669387753L82.46535457429978,459.1138102264808L87.44574716514384,459.93898396780276" style="stroke: rgb(3, 102, 214); stroke-width: 1;"></path></g></g><g class="multi"><g><path class="line" fill="none" stroke="#000" d="M410.8412156565656,76.47471457142856L204.50464202380948,199.71827133163262L145.00184555555552,239.93126802857142L144.72178159143513,243.30924082142855L139.23627449572655,291.20640119999996L114.26312938095239,304.8863335945579L139.48398487046876,307.0960642507598L136.69731201646087,311.1490865185185L80.37866875000002,321.7980519285714L107.3496682057613,332.704816237037L153.07634222222225,339.00550514285715L82.60941210704604,345.0975707526132L100.45651491008898,460.5826568746654L84.45055898602219,476.70461503381057" style="stroke: rgb(255, 127, 14); stroke-width: 1;"></path></g></g><g class="multi"><g><path class="line" fill="none" stroke="#000" d="M161.87789653916207,258.4089391147541L135.04320724637682,269.32026018788815L159.59834305555552,278.13003720408165L133.2337499999999,282.21637990133604L98.50718916666663,305.1397819380952L102.85839350104823,316.70646228571434L111.06764986772485,329.33145299999995L102.20684933862432,346.2680273605442L118.23404117783578,431.21255420440133L84.79953340315721,465.05007601561283L113.01758680053543,466.5398945794607" style="stroke: rgb(44, 160, 44); stroke-width: 1;"></path></g></g><g class="multi"><g><path class="line" fill="none" stroke="#000" d="M188.58887674074066,212.84180657142858L811.3649422222221,249.5306628571429L217.09703592592592,274.7674344542125L138.67171384497138,306.4695316708075L107.14330205450732,336.39466142857145L105.6202313756614,350.8531200952381L115.76251660183823,352.8455790971655L65.43226039039038,364.33600877992274L71.14595721326162,432.4203756105991L79.71702110863095,441.91938828826534L89.28722679487178,476.173330544741" style="stroke: rgb(214, 39, 40); stroke-width: 1;"></path></g></g></g></g></svg></d3fc-svg><d3fc-svg class="x-axis bottom-axis"><svg preserveAspectRatio="none" viewBox="0 0 911 32" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="#000" d="M0,6L0,0L911,0L911,6"></path><g class="tick" transform="translate(0, 0)"><path stroke="#000" d="M0,0L0,6"></path><text transform="translate(0, 9)" fill="#000" visibility="false" dy="0.71em">0</text></g><g class="tick" transform="translate(101.22222222222221, 0)"><path stroke="#000" d="M0,0L0,6"></path><text transform="translate(0, 9)" fill="#000" visibility="false" dy="0.71em">200</text></g><g class="tick" transform="translate(202.44444444444443, 0)"><path stroke="#000" d="M0,0L0,6"></path><text transform="translate(0, 9)" fill="#000" visibility="false" dy="0.71em">400</text></g><g class="tick" transform="translate(303.66666666666663, 0)"><path stroke="#000" d="M0,0L0,6"></path><text transform="translate(0, 9)" fill="#000" visibility="false" dy="0.71em">600</text></g><g class="tick" transform="translate(404.88888888888886, 0)"><path stroke="#000" d="M0,0L0,6"></path><text transform="translate(0, 9)" fill="#000" visibility="false" dy="0.71em">800</text></g><g class="tick" transform="translate(506.11111111111114, 0)"><path stroke="#000" d="M0,0L0,6"></path><text transform="translate(0, 9)" fill="#000" visibility="false" dy="0.71em">1,000</text></g><g class="tick" transform="translate(607.3333333333333, 0)"><path stroke="#000" d="M0,0L0,6"></path><text transform="translate(0, 9)" fill="#000" visibility="false" dy="0.71em">1,200</text></g><g class="tick" transform="translate(708.5555555555555, 0)"><path stroke="#000" d="M0,0L0,6"></path><text transform="translate(0, 9)" fill="#000" visibility="false" dy="0.71em">1,400</text></g><g class="tick" transform="translate(809.7777777777777, 0)"><path stroke="#000" d="M0,0L0,6"></path><text transform="translate(0, 9)" fill="#000" visibility="false" dy="0.71em">1,600</text></g><g class="tick" transform="translate(911, 0)"><path stroke="#000" d="M0,0L0,6"></path><text transform="translate(0, 9)" fill="#000" visibility="false" dy="0.71em">1,800</text></g></svg></d3fc-svg><d3fc-svg class="y-axis left-axis"><svg preserveAspectRatio="none" viewBox="-48 0 48 583" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="#000" d="M-6,583L0,583L0,0L-6,0"></path><g class="tick" transform="translate(0, 583)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">−100</text></g><g class="tick" transform="translate(0, 499.7142857142858)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">−50</text></g><g class="tick" transform="translate(0, 416.42857142857144)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">0</text></g><g class="tick" transform="translate(0, 333.1428571428571)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">50</text></g><g class="tick" transform="translate(0, 249.8571428571429)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">100</text></g><g class="tick" transform="translate(0, 166.57142857142856)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">150</text></g><g class="tick" transform="translate(0, 83.28571428571432)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">200</text></g><g class="tick" transform="translate(0, 0)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">250</text></g></svg></d3fc-svg></d3fc-group><div class="legend-container" borderbox-on-hover="true" style="z-index: 2; cursor: move;"><svg id="dragHandles" width="150" height="84"><g><rect id="dragleft" class="vertical-drag-handle" y="9" x="0" height="66" width="9" fill="lightgreen" fill-opacity="0" cursor="ew-resize" style="z-index: 3;"></rect><rect id="dragtop" class="horizontal-drag-handle" y="0" x="9" height="9" width="132" fill="lightblue" fill-opacity="0" cursor="ns-resize" style="z-index: 3;"></rect><rect id="dragright" class="vertical-drag-handle" y="9" x="141" height="66" width="9" fill="lightgreen" fill-opacity="0" cursor="ew-resize" style="z-index: 3;"></rect><rect id="dragbottom" class="horizontal-drag-handle" y="75" x="9" height="9" width="132" fill="lightblue" fill-opacity="0" cursor="ns-resize" style="z-index: 3;"></rect><rect id="dragtopleft" class="corner-drag-handle top left" height="9" width="9" fill="red" fill-opacity="0" cursor="nwse-resize" style="z-index: 3;" y="0"></rect><rect id="dragtopright" class="corner-drag-handle top right" height="9" width="9" fill="red" fill-opacity="0" cursor="nesw-resize" style="z-index: 3;" y="0" x="141"></rect><rect id="dragbottomright" class="corner-drag-handle bottom right" height="9" width="9" fill="red" fill-opacity="0" cursor="nwse-resize" style="z-index: 3;" y="75" x="141"></rect><rect id="dragbottomleft" class="corner-drag-handle bottom left" height="9" width="9" fill="red" fill-opacity="0" cursor="nesw-resize" style="z-index: 3;" y="75" x="0"></rect></g></svg><g class="legend-controls" style="display: none;"><span id="up-arrow" class="disabled">▲</span>
<span id="page-text">1/1</span>
<span id="down-arrow" class="disabled">▼</span>
</g><svg class="legend" height="79"><g class="legendCells" transform="translate(20,20)"><g class="cell" transform="translate(0, 0)"><circle class="swatch" r="6" style="fill: rgba(3, 102, 214, 0.8); stroke: rgb(3, 102, 214);"></circle><text class="label" transform="translate( 16, 5)">Central</text><title>Central</title></g><g class="cell" transform="translate(0, 15)"><circle class="swatch" r="6" style="fill: rgba(255, 127, 14, 0.8); stroke: rgb(255, 127, 14);"></circle><text class="label" transform="translate( 16, 5)">East</text><title>East</title></g><g class="cell" transform="translate(0, 30)"><circle class="swatch" r="6" style="fill: rgba(44, 160, 44, 0.8); stroke: rgb(44, 160, 44);"></circle><text class="label" transform="translate( 16, 5)">South</text><title>South</title></g><g class="cell" transform="translate(0, 45)"><circle class="swatch" r="6" style="fill: rgba(214, 39, 40, 0.8); stroke: rgb(214, 39, 40);"></circle><text class="label" transform="translate( 16, 5)">West</text><title>West</title></g></g></svg></div></div>